<template>

	<div class="task">
		<h4>来料仓库</h4>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goDealShort">
				<img src="../../assets/img/box.png" />
				<div class="mui-media-body">缺料处理</div>
			</li>
		</ul>
		<h4>生产车间</h4>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goAddOrder">
				<img src="../../assets/img/file3.png" class="addOrderImg" />
				<div class="mui-media-body">添加工单</div>

			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goSearchOrder">
				<img src="../../assets/img/search.png" />
				<div class="mui-media-body">工单查询</div>

			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goOrderInput">
				<img src="../../assets/img/in.png" />
				<div class="mui-media-body">工单投产</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goProduceInput">
				<img src="../../assets/img/pro2.png" class="ProduceInputImg" />
				<div class="mui-media-body">生产投料</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goProductionReport">
				<img src="../../assets/img/pro.png" />
				<div class="mui-media-body">生产报工</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goOrderBack">
				<img src="../../assets/img/back2.png" class="OrderBackImg" />
				<div class="mui-media-body">工单返工</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goSearchJobOrder">
				<img src="../../assets/img/search2.png" />
				<div class="mui-media-body">派工单查询</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goJobOrderInput">
				<img src="../../assets/img/file4.png" />
				<div class="mui-media-body">派工单投料</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goJobOrderAndBooking">
				<img src="../../assets/img/file2.png" />
				<div class="mui-media-body">派工报工</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goJobOrderBack">
				<img src="../../assets/img/back.png" />
				<div class="mui-media-body">派工返工</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goAbnormal">
				<img src="../../assets/img/alert2.png" />
				<div class="mui-media-body">异常呼叫</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goDeviceCall">
				<img src="../../assets/img/alert.png" />
				<div class="mui-media-body">设备呼叫</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goShortCall">
				<img src="../../assets/img/call.png" />
				<div class="mui-media-body">缺料呼叫</div>
			</li>
		</ul>
		<h4>质量检验</h4>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goProcessTest">
				<img src="../../assets/img/check.png" />
				<div class="mui-media-body">制程检验</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goProductTest">
				<img src="../../assets/img/check2.png" />
				<div class="mui-media-body">成品检验</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goErrorSure">
				<img src="../../assets/img/check3.png" />
				<div class="mui-media-body" id="ErrorSureImg">异常鉴定</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goRepairCenter">
				<img src="../../assets/img/reset.png" class="RepairCenterImg" />
				<div class="mui-media-body">维修中心</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goSNquality">
				<img src="../../assets/img/img2.png" class="SNqualityImg" />
				<div class="mui-media-body">SN质检</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goSNquality">
				<img src="../../assets/img/img1.png" />
				<div class="mui-media-body">SN成检</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goRepair">
				<img src="../../assets/img/reset2.png" />
				<div class="mui-media-body">SN维修</div>
			</li>
		</ul>
		</ul>
		<h4>设备IE</h4>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goDealAbnormal">
				<img src="../../assets/img/deal.png" class="DealAbnormalImg" />
				<div class="mui-media-body">异常处理</div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goDealDevice">
				<img src="../../assets/img/apply.png" />
				<div class="mui-media-body">设备处理</div>
			</li>
		</ul>
		<h4>业务部门</h4>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" @click="goLeave">
				<img src="../../assets/img/registe.png" />
				<div class="mui-media-body">离岗登记</div>
			</li>
		</ul>
	</div>
</template>

<script>
	export default {
		methods: {
			goDealShort() {
				this.$router.push({
					name: 'dealShort'
				})
			},
			goAddOrder() {
				this.$router.push({
					name: 'addOrder'
				})
			},
			goSearchOrder() {
				this.$router.push({
					name: 'searchOrder'
				})
			},
			goOrderInput() {
				this.$router.push({
					name: 'orderInput'
				})
			},
			goProduceInput() {
				this.$router.push({
					name: 'produceInput'
				})
			},
			goProductionReport() {
				this.$router.push({
					name: 'productionReport'
				})
			},
			goOrderBack() {
				this.$router.push({
					name: 'orderBack'
				})
			},
			goSearchJobOrder() {
				this.$router.push({
					name: 'searchJobOrder'
				})
			},
			goJobOrderInput() {
				this.$router.push({
					name: 'jobOrderInput'
				})
			},
			goJobOrderAndBooking() {
				this.$router.push({
					name: 'jobOrderAndBooking'
				})
			},
			goJobOrderBack() {
				this.$router.push({
					name: 'jobOrderBack'
				})
			},
			goAbnormal() {
				this.$router.push({
					name: 'taskAbnormal'
				})
			},
			goDeviceCall() {
				this.$router.push({
					name: 'deviceCall'
				})
			},
			goShortCall() {
				this.$router.push({
					name: 'shortCall'
				})
			},
			goDealAbnormal() {
				this.$router.push({
					name: 'dealAbnormal'
				})
			},
			goDealDevice() {
				this.$router.push({
					name: 'dealDevice'
				})
			},
			goLeave() {
				this.$router.push({
					name: "leaveWork"
				});
			},
			goSNquality() {
				this.$router.push({
					name: "snQuality"
				});
			},
			goSNsuccess() {
				this.$router.push({
					name: "snSuccessTest"
				});
			},
			goRepair() {
				this.$router.push({
					name: "snRepair"
				})
			},
			goProcessTest() {
				this.$router.push({
					name: "processTest"
				});
			},
			goProductTest() {
				this.$router.push({
					name: "productTest"
				});
			},
			goErrorSure() {
				this.$router.push({
					name: "errorSure"
				});
			},
			goRepairCenter() {
				this.$router.push({
					name: "repairCenter"
				});
			}

		}
	}
</script>



<style scoped="scoped">
	.DealAbnormalImg{
		margin-top: 5px;
		margin-bottom: 3px;
	}
	.RepairCenterImg{
		margin-top: 3px;
	}
	.SNqualityImg{
		margin-top: 7px;
	}
	#ErrorSureImg{
		margin-top: 3px;
		margin-bottom: 8px;
	}
	.OrderBackImg{
		margin-top: 3px;
		margin-bottom: 2px;
	}
	.ProduceInputImg{
		margin-top: 5px;
	}
	.addOrderImg{
		margin-top: 5px;
	}
	.task .mui-grid-view.mui-grid-9 {
		padding-top: 6px;
		padding-bottom: 6px;
		background: white;
		border: none;
	}

	.task .mui-grid-view.mui-grid-9 .mui-table-view-cell {
		padding: 0px 15px;
		border: none;
		margin-bottom: 3px;
	}


	.task .mui-h4,
	h4 {
		border-bottom: 1px solid #eee;
		font-size: 15px;
		line-height: 30px;
		background: white;
		margin-bottom: 0;
		padding-left: 21px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
</style>
